/* style.css */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Arial, sans-serif; padding: 20px; background: #f5f5f5; }
.todo-container { max-width: 500px; margin: 0 auto; background: white; padding: 20px; border-radius: 8px; }
h2 { margin-bottom: 15px; color: #333; }
.input-group { display: flex; margin-bottom: 15px; }
input { flex: 1; padding: 8px; border: 1px solid #ddd; border-radius: 4px; }
button { padding: 8px 15px; background: #007bff; color: white; border: none; border-radius: 4px; margin-left: 10px; cursor: pointer; }
li { display: flex; justify-content: space-between; align-items: center; padding: 8px; border-bottom: 1px solid #eee; }
.completed { text-decoration: line-through; color: #999; }
.delete { color: #dc3545; cursor: pointer; }